<style type="text/css">
<!--
.list3_pagedown{ width:100%;border:1px solid #eee; text-align:right; height:26px; line-height:26px; background:#f7f7f7; ;margin:10px auto 10px auto;}

.blue_bg{ background:#fff7f7;}
.white_bg{ background:#fff; }


.list3_c${portletid}{ width:100%; }
.list3_c${portletid} li{ padding:6px;  height:134px; width:760px; }
.list3_c${portletid} li b{ font-size:16px; color:#1b4c86; line-height:30px;}
.list3_c${portletid} li img{ border:1px solid #1b4c86; float:left; margin-right:10px;}
.list3_c${portletid} li a{ text-align:right; color:#ee7600; font-weight:bold;width:500px;display:block;}
.list3_main${portletid}{ float:left; }

-->
</style>
<script type="text/javascript">
			var callback_frm_list3_3${portletid} = function(rows, frm) {
			   var c="<ul>";
		       $.each(rows, function(i, n){
		    	   if(i%2==0){
		    	   	c+="<li class='blue_bg'><img src='"+n.firtImgrSrc+"' width='152' height='134' /><div class='list3_main${portletid}'> <b>"+n.art_name+"</b><br />"+n.summary+"<Br /><a href='${contextPath}/cms/channel/layout/a,"+n.id+"?isLayout=${isLayout}'>[点击查看更多]</a></div></li>";
		    	   }else{
		    	   	c+="<li class='white_bg'><img src='"+n.firtImgrSrc+"' width='152' height='134' /><div class='list3_main${portletid}'> <b>"+n.art_name+"</b><br />"+n.summary+"<Br /><a href='${contextPath}/cms/channel/layout/a,"+n.id+"?isLayout=${isLayout}'>[点击查看更多]</a></div></li>";
		    	   }
		           
		       }); 
		       document.getElementById("list3_c${portletid}").innerHTML=c+"</ul>";  
			}
			
			function setvalue_${portletid}(grpId,grpName){
				document.getElementById("frm_list3_3${portletid}").action="${contextPath}/cms/article/cmslist?grpid="+grpId;
				document.getElementById("list3title_${portletid}").innerHTML=grpName;
		        loadGird("frm_list3_3${portletid}", 1);
			}
</script>
<div class="list3_main">
	<#if titletype=="1">
		<div>
			<img src="${titlepic}" style="border:none"/>
		</div>
	<#else>
		<div class="${titlecolor}">
			<span>
			${title}
			</span>
		</div>
	 </#if>
     <form name="frm_list3_3${portletid}" method="post" style="margin: 0" action="${contextPath}/cms/article/cmslist?grpid=${artgroupId}" id="frm_list3_3${portletid}">
        <div class="list3_c${portletid}" id="list3_c${portletid}">
		</div>
		<div class="list3_pagedown">
				<img class="loading"
					src="/resources/skins/default/images/large-loading.gif" width="20px"
					class="hidden loading left" /><span class="pagediv"></span>
			</div>	
	</form>
	
	</div>
</div>
<script type="text/javascript">
 	$(function(){
				//加载两个要使用json分页的组
		        loadGird("frm_list3_3${portletid}", 1);
			})
</script>

      